import Vue from 'vue'
import Vuex from 'vuex'
import permission from './permission'

Vue.use(Vuex)

export default new Vuex.Store({
  // 共享数据
  state: {
    skin:1, //1 2 3  皮肤支持方案 
    userInfo:{}, // 个人信息
    menuInfo:JSON.parse(localStorage.getItem('meuInfo'))
  },
  // 计算属性
  getters: {
  },
  // 唯一修改数据的方式
  mutations: {
    // 修改当前皮肤方案
    changeSkin(state,num){
      state.skin = num
      localStorage.setItem('skin',num)
    },
    // 修改当前菜单
    changeMenuInfo(state,info){
      state.menuInfo = {...info}
      localStorage.setItem('menuInfo',JSON.stringify(info))
    },

    SET_USERINFO(state,payload){
      state.userInfo = payload
    }
  },
  // 异步处理
  actions: {
  },
  // 模块
  modules: {
      permission
    
  }
})
